<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>权限列表</title>
    <!-- css 样式引入 -->
    <link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/bootstrap-table.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/bootstrap-datetimepicker.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/font-awesome.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/index.css">
    <!-- js引入 -->
    <script type="text/javascript" src="../../js/jquery.min.js"></script>
    <script type="text/javascript" src="../../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../../js/bootstrap-table.js"></script>
    <script type="text/javascript" src="../../js/bootstrap-table-zh-CN.js"></script>
    <script type="text/javascript" src="../../js/bootstrap-datetimepicker.js"></script>
    <script type="text/javascript" src="../../js/bootstrap-datetimepicker.zh-CN.js"></script>
    <script src="js/authorityList.js"></script>
</head>
<body>
    <!-- 标题 -->
	<table class="btbHead">
		<tr>
			<td style="width:25%;"><i class="fa fa-align-justify"></i>&nbsp;权限列表</td>
			<td style="text-align: right;">
				<a href="#" id="addBtn" class="btn btn-info"  onclick="add()" data-toggle="modal" data-target="#myModal"><i class="fa fa-plus"></i>&nbsp;添加</a>
			</td>
		</tr>
	</table>
	
	<!-- 模糊查询条件 -->
	<form role="form" class="form-inline searchForm">
	  <div class="form-group">
	    <label for="name">查询条件</label>
	    <input type="text" class="form-control" id="keyWord" placeholder="请输入条件" style="width:250px;">
	    <a href="javascript:doQuery()" class="btn btn-default" ><i class="fa fa-search"></i></a>
	  </div>
	</form>
	
	<div class="slideLine" style="margin-top:10px;margin-bottom: 10px;"></div>
<!--<div id="toolbar" class="btn-group">  
    <button id="btn_add" type="button" class="btn btn-default">  
        <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增  
    </button>  
    <button id="btn_edit" type="button" class="btn btn-default">  
        <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改  
    </button>  
    <button id="btn_delete" type="button" class="btn btn-default">  
        <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除  
    </button>  
</div>-->  
	<!-- 数据表格 -->
	<table data-toggle="table" class="dataTable" data-pagination="true">
	    <thead>
	        <tr>
	            <th data-field="id" data-align="center">编号</th>
	            <th data-field="parent">父级权限</th>
	            <th data-field="name">权限名称</th>
	            <th data-field="url">权限路径</th>
	            <th data-field="state">状态</th>
	            <th data-field="creatTime">创建时间</th>
	            <th data-field="lastModifiedTime">最后修改时间</th>
	            <th data-field="opraite" data-formatter="operateFormatter">操作</th>
	        </tr>
	    </thead>
	</table>
	
	<!--模态框-->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						&times;
					</button>
					<h4 class="modal-title" id="myModalLabel">
						新增权限
					</h4>
				</div>
				<div class="modal-body" id="iptBox">
					<form class="form-horizontal form-inline commitForm" role="form">
						<table width="100%">
							<tr>
								<td style="text-align: right;width: 25%;">
									<span>用户ID</span>
								</td>
								<td>
									<input id="" class="form-control" name="id" type="text" value="" style="width:90%">
								</td>
							</tr>
							<tr>
								<td style="text-align: right;">
									<span>父级权限</span>
								</td>
								<td>
									<input id="userCode" class="form-control" name="parent" type="text" value="" style="width:90%">
								</td>
							</tr>
							<tr>
								<td style="text-align: right;">
									<span>权限名称</span>
								</td>
								<td>
									<input id="" class="form-control" name="name" type="text" value="" style="width:90%">
								</td>
							</tr>
							<tr>
								<td style="text-align: right;">
									<span>权限路径</span>
								</td>
								<td>
									<input id="" class="form-control" name="url" type="text" value="" style="width:90%">
								</td>
							</tr>
							<tr>
								<td style="text-align: right;">
									<span>状态</span>
								</td>
								<td>
									<select id="" class="form-control" name="state" style="width:90%">
										<option value="0">正常</option>
										<option value="1">禁用</option>
									</select>
								</td>
							</tr>
							<tr>
								<td style="text-align: right;">
									<span>创建时间</span>
								</td>
								<td>
									<input id="" class="form-control" name="creatTime" type="text" value="" style="width:90%">
								</td>
							</tr>
							<tr>
								<td style="text-align: right;">
									<span>最后修改时间</span>
								</td>
								<td>
									<input id="" class="form-control" name="lastModifiedTime" type="text" value="" style="width:90%">
								</td>
							</tr>
							
						</table>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消
					</button>
					<button type="button" class="btn btn-primary" id="btnSave">
						确定
					</button>
				</div>
			</div> <!-- /.modal-content-->
		</div> <!--/.modal -->
	</div>
</body>
</html>